
	html{
		font-size: 100px;
	}

        @media screen and (min-width: 320px) {
            html {

                /*font-size: 1px;*/
                font-size:21.3px
            }
        }
		@media screen and (min-width: 360px) {
            html {

                /*font-size: 1px;*/
                font-size:24px
            }
        }
		@media screen and (min-width: 375px) {
            html {

                /*font-size: 1px;*/
                font-size:25px
            }
        }
		
		@media screen and (min-width: 384px) {
		        html {
		
		            /*font-size: 1px;*/
		            font-size:25.6px
		        }
		    }
			@media screen and (min-width: 400px) {
			        html {
			
			            /*font-size: 1px;*/
			            font-size:26.7px
			        }
			   }
			   
			   @media screen and (min-width: 414px) {
			           html {
			   
			               /*font-size: 1px;*/
			               font-size:27.6
			           }
			       }
				   
				   @media screen and (min-width: 424px) {
				           html {
				   
				               /*font-size: 1px;*/
				               font-size:28.3px
				           }
				       }
					   @media screen and (min-width: 480px) {
					           html {
					   
					               /*font-size: 1px;*/
					               font-size:32px
					           }
					       }
						   @media screen and (min-width: 540px) {
						           html {
						   
						               /*font-size: 1px;*/
						               font-size:36px
						           }
						       }
							   @media screen and (min-width: 720px) {
							           html {
							   
							               /*font-size: 1px;*/
							               font-size:48px
							           }
							       }
					@media screen and (min-width: 750px) {
						html {

						/*font-size: 1px;*/
					font-size:50px
					}
				}
				@media screen and (min-width: 1200px) {
						html {
				
						/*font-size: 1px;*/
					font-size:100px;
					}
				}		
					
